<script setup>
import TitleValue from '@components/TitleValue'
import { common } from '@utils'
defineProps({
    data: Object,
    statuss: Array,
    expressMethods: Array,
    expressCompanys: Array
})
</script>

<template>
    <el-row :gutter="16">
        <el-col :span="7">
            <title-value title="订单编号:" :value="data.id" />
        </el-col>
        <el-col :span="7">
            <title-value title="创建时间:" :value="data.createDate" />
        </el-col>
        <el-col :span="5">
            <title-value title="租期开始:" :value="data.rentStartTime" />
        </el-col>
        <el-col :span="5">
            <title-value title="租期结束:" :value="data.rentEndTime" />
        </el-col>
    </el-row>
    <el-row :gutter="16">
        <el-col :span="7">
            <title-value title="订单状态:" :value="common.getValueByKey('val', data.state, statuss, 'label')" />
        </el-col>
        <el-col :span="7">
            <title-value title="租用天数:" :value="data.rentDays" />
        </el-col>
        <el-col :span="5">
            <title-value title="是否续租订单:" width="90px" :value="data.relet" />
        </el-col>
        <el-col :span="5">
            <title-value title="订单备注:" :value="data.orderRemarks" />
        </el-col>
    </el-row>
    <el-row :gutter="16">
        <el-col :span="7">
            <title-value title="父订单号:" :value="data.parentId" />
        </el-col>
        <el-col :span="7">
            <title-value title="扣除押金:" :value="data.deductMoney" />
        </el-col>
    </el-row>
    <el-row :gutter="16">
        <el-col :span="7">
            <title-value title="归还备注:" :value="data.rebackRemarks" />
        </el-col>
        <el-col :span="7">
            <title-value title="取消原因:" :value="data.cencelCause" />
        </el-col>
        <el-col :span="5">
            <title-value title="蚁盾分数:" :value="data.yidunFraction" />
        </el-col>
        <el-col :span="5">
            <title-value title="快递方式:" :value="common.getValueByKey('val', data.fastMail, expressMethods, 'label')" />
        </el-col>
    </el-row>
    <el-row :gutter="16" v-if="data.state - 0 > 7">
        <el-col :span="7">
            <title-value title="发货时间:" :value="data.sendTime" />
        </el-col>
        <el-col :span="6">
            <title-value title="物流单号:" :value="data.wuliuNumber" />
        </el-col>
        <el-col :span="4">
            <title-value title="物流公司:" :value="common.getValueByKey('val', data.wuliuName, expressCompanys, 'label')" />
        </el-col>
        <el-col :span="7">
            <title-value title="收货时间:" :value="data.receiveTime" />
        </el-col>
    </el-row>
    <el-row :gutter="16" v-if="data.state - 0 > 9">
        <el-col :span="7">
            <title-value title="归还时间:" :value="data.returnTime" />
        </el-col>
        <el-col :span="5">
            <title-value title="归还物流单号:" :value="data.returnWuliuNumber" />
        </el-col>
        <el-col :span="5">
            <title-value title="归还物流公司:" :value="common.getValueByKey('val', data.returnWuliuName, expressCompanys, 'label')" />
        </el-col>
        <el-col :span="7">
            <title-value title="商户收货时间:" :value="data.takeTime" />
        </el-col>
    </el-row>
</template>